<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640px,user-scalable=no,target-densitydpi=device-dpi" />
		<link rel="stylesheet" href="../css/css.css" type="text/css" />
		<script type="text/javascript" src='../js/jquery.min.js'></script>
		<script type="text/javascript" src='../js/main_in.js'></script>
		<script type="text/javascript" src='../js/common.js'></script>
		<script>
			var order_id = getUrlParam('apid');
			
                $(function(){
					$("#order_id").val(order_id);
                });
                
var pays={};
function plusReady(){
	// 获取支付通道
	plus.payment.getChannels(function(channels){
//		var content=document.getElementById('dcontent');
//		var info=document.getElementById('info');
		var txt='支付通道信息：';
		for(var i in channels){
			var channel=channels[i];
			if(channel.id=='qhpay'||channel.id=='qihoo'){	// 过滤掉不支持的支付通道：暂不支持360相关支付
				continue;
			}
			pays[channel.id]=channel;
			txt += 'id:'+channel.id+', ';
			txt += 'description:'+channel.description+', ';
			txt += 'serviceReady:'+channel.serviceReady+'； ';
//			var de=document.createElement('div');
//			de.setAttribute('class', 'button');
//			de.setAttribute('onclick', 'pay(this.id)');
//			de.id=channel.id;
//			de.innerText=channel.description+'支付';
//			content.appendChild(de);
			checkServices(channel);
		}
//		info.innerText=txt;
	},function(e){
//		outLine('获取支付通道失败：'+e.message);
	});
}
document.addEventListener('plusready', plusReady, false);
// 检测是否安装支付服务
function checkServices(pc){
	if(!pc.serviceReady){
		var txt=null;
		switch(pc.id){
			case 'alipay':
			txt='检测到系统未安装“支付宝快捷支付服务”，无法完成支付操作，是否立即安装？';
			break;
			default:
			txt='系统未安装“'+pc.description+'”服务，无法完成支付，是否立即安装？';
			break;
		}
		plus.nativeUI.confirm(txt, function(e){
			if(e.index==0){
				pc.installService();
			}
		}, pc.description);
	}
}
var w=null;
var PAYSERVER='http://alipay.unair.cn/alipay?payid=';
// 2. 发起支付请求
function pay(id){
	if(w){return;}//检查是否请求订单中
	if(id==='appleiap'){
		outSet('应用内支付');
		clicked('payment_iap.html');
		return;
	}
	
	var url=PAYSERVER;
	if(id=='alipay'||id=='wxpay'){
		url+=id;
	}else{
		plus.nativeUI.alert('当前环境不支持此支付通道！', null, '捐赠');
		return;
	}
	var appid=plus.runtime.appid;
	if(navigator.userAgent.indexOf('StreamApp')>=0){
		appid='Stream';
	}
	url+='&appid='+appid+'&total=';
	
	w=plus.nativeUI.showWaiting();
	// 请求支付订单
	var amount = 0.01;
	var xhr=new XMLHttpRequest();
	xhr.onreadystatechange=function(){
		switch(xhr.readyState){
			case 4:
			w.close();w=null;
			if(xhr.status==200){
				
//				outLine(xhr.responseText);
				var order=xhr.responseText;
				plus.payment.request(pays[id],order,function(result){
//					outLine('----- 支付成功 -----');
//					outLine(JSON.stringify(result));
					plus.nativeUI.alert('支付成功',function(){
						back();
					},'成功');
				},function(e){
//					outLine('----- 支付失败 -----');
//					outLine('['+e.code+']：'+e.message);

				});
			}else{
//				outLine('----- 请求订单失败 -----');
//				outLine( xhr.status );
				plus.nativeUI.alert('获取订单信息失败！', null, '捐赠');
			}
			break;
			default:
			break;
		}
	}
	xhr.open('GET',url+amount);
//	outLine('请求支付订单：'+url+amount);
	xhr.send();
}

function topay(){
	clicked("./topay.html?WIDout_trade_no=" + order_id + "&WIDtotal_amount=20");
}
            </script>
	</head>
	<body>
		<div class="payment" id="payment">
            <div class="payment_head">提交订单</div>
<!--<form method="post" id="topay">-->
            <div class="payment_text">
                <div class="payment_text_left">收款方:</div>
                <div class="payment_text_right">宁波卡航网络科技有限公司</div>
            </div>
            <div class="payment_text">
                <div class="payment_text_left">快递费:</div>
                <div style="color: red;" id="money_val" class="payment_text_right">￥20</div>
                <input type="hidden"  name="WIDout_trade_no" id="order_id" />
                <input type="hidden" name="WIDsubject" value="快递费"/>
                <input type="hidden" name="WIDtotal_amount" value="20" />
                <input type="hidden" name="WIDbody" value=""/>
            </div>
            <div class="payment_text"><img src="../img/zf_01.png" /></div>
            <div style="width: 100%;height: 250px"></div>
            <div style="border: 0;" class="payment_text">
                <div class="payment_button" onclick="topay()">确认支付</div>
            </div>
<!--</form>-->
            
        </div>
	</body>
</html>
